<template>
    <q-btn push text-color="primary" label="保存" icon="check" @click="详情.保存" v-if="详情.a.变化了">
        <q-badge color="orange" floating v-if="详情.a.变化了">变</q-badge>
    </q-btn>
    <q-btn push label="关闭" icon="close" @click="详情.关窗" />
    <template v-if="详情.元件袋.组件.状态候选值">
        <q-space />
        <StepBar :steps="详情.元件袋.组件.状态候选值" :当前值="详情.单项.状态" />
        <!-- 详情.元件袋.组件.流程设置{{ 详情.元件袋.组件.流程设置.禁止手动流程动作 }} -->
        <template v-if="!详情.元件袋.组件.流程设置?.禁止手动流程动作">
            <template v-if="!详情.元件袋.流程结束否(详情.单项)">
                <q-btn push label="下一步" @click="详情.下一步" />
            </template>
        </template>
    </template>
</template>

<script setup lang="ts">
// @ts-nocheck
const props = withDefaults(defineProps<{
    详情?: Object,
    设置?: Object,
    list?: list,
}>(), {});

import use路由 from '@/hooks/use路由';
const 路由 = use路由();
import StepBar from './StepBar.vue';
import { ref } from 'vue';
import * as util from 'amtf/utils';
const { 详情 } = props

console.log(`详情.元件袋.组件 👉`, 详情.元件袋.组件)
</script>

<style lang="scss" scoped></style>